﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Designoholic</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
	<div id="wrapper">
        <div id="wrapcontentinner">
    		<div id="header">
                <div id="top">
                    <h1 id="logo"><a href="#"><img src="images/logo.png" alt="" /></a></h1> <!--end #logo-->
                    <ul id="pages">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Contact Us</a></li>
                    </ul><!--end #pages-->
                    <p id="social">
                        <a href="#"><img src="images/fb.jpg" alt="facebook"/></a>
                        <a href="#"><img src="images/tw.jpg" alt="twitter"/></a>
                    </p><!--end #social-->
                </div>
    			<div id="title">
                    <h2>Welcome to our Blog</h2>
                </div><!--end #title-->
    		</div ><!--End #header-->
    		
    		<div id="content">
    			<div id="primary">
                
                    <div class="entry">
                        <ul class="entry-cat">
                            <li><a href="#">Designo</a></li>
                            <li><a href="#">Appllications</a></li>
                        </ul>
                        <div class="entry-post">
                            <h2 class="entry-title">Happy New Year</h2>
                            <div class="entry-content">
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed placerat sagittis urna, 
                                    congue pretium enim rutrum in. Etiam vitae ligula non ipsum ultricies venenatis vel quis diam.
                                    Aenean dapibus tempus auctor. Nullam sed ligula sed ipsum malesuada sodales. 
                                    Vivamus semper sem vitae metus accumsan vel dictum erat consectetur. Pellentesque habitant morbi tristiqu
                                </p>
                            </div>
                            <div class="entry-date">
                                <span>Dec 20 2011</span>
                            </div>
                            <span class="entry-comt">10 Comments</span>
                            <span class="readmore"><a href="#">Read More</a></span>
                            <ul class="share">
                                <li><a href="#"><img src="images/fb2.jpg" alt="fb" /></a></li>
                                <li><a href="#"><img src="images/tw2.jpg" alt="tw" /></a></li>
                            </ul>
                        </div><!--end .entry-post-->
                    </div><!-- end .entry -->
                    
                    <div class="entry">
                        <ul class="entry-cat">
                            <li><a href="#">Designo</a></li>
                            <li><a href="#">Appllications</a></li>
                        </ul>
                        <div class="entry-post">
                            <h2 class="entry-title">Happy New Year</h2>
                            <div class="entry-content">
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed placerat sagittis urna, 
                                    congue pretium enim rutrum in. Etiam vitae ligula non ipsum ultricies venenatis vel quis diam.
                                    Aenean dapibus tempus auctor. Nullam sed ligula sed ipsum malesuada sodales. 
                                    Vivamus semper sem vitae metus accumsan vel dictum erat consectetur. Pellentesque habitant morbi tristiqu
                                </p>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed placerat sagittis urna, 
                                    congue pretium enim rutrum in. Etiam vitae ligula non ipsum ultricies venenatis vel quis diam.
                                    Aenean dapibus tempus auctor. Nullam sed ligula sed ipsum malesuada sodales. 
                                    Vivamus semper sem vitae metus accumsan vel dictum erat consectetur. Pellentesque habitant morbi tristiqu
                                </p>
                            </div>
                            <div class="entry-date">
                                <span>Dec 20 2011</span>
                            </div>
                            <span class="entry-comt">10 Comments</span>
                            <span class="readmore"><a href="#">Read More</a></span>
                            <ul class="share">
                                <li><a href="#"><img src="images/fb2.jpg" alt="fb" /></a></li>
                                <li><a href="#"><img src="images/tw2.jpg" alt="tw" /></a></li>
                            </ul>
                        </div><!--end .entry-post-->
                    </div><!-- end .entry -->
                    <div class="entry">
                        <ul class="entry-cat">
                            <li><a href="#">Designo</a></li>
                            <li><a href="#">Appllications</a></li>
                        </ul>
                        <div class="entry-post">
                            <h2 class="entry-title">Happy New Year</h2>
                            <div class="entry-content">
                               <p>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed placerat sagittis urna, 
                                    congue pretium enim rutrum in. Etiam vitae ligula non ipsum ultricies venenatis vel quis diam.
                                    Aenean dapibus tempus auctor. Nullam sed ligula sed ipsum malesuada sodales. 
                                    Vivamus semper sem vitae metus accumsan vel dictum erat consectetur. Pellentesque habitant morbi tristiqu
                                </p>
                            </div>
                            <div class="entry-date">
                                <span>Dec 20 2011</span>
                            </div>
                            <span class="entry-comt">10 Comments</span>
                            <span class="readmore"><a href="#">Read More</a></span>
                            <ul class="share">
                                <li><a href="#"><img src="images/fb2.jpg" alt="fb" /></a></li>
                                <li><a href="#"><img src="images/tw2.jpg" alt="tw" /></a></li>
                            </ul>
                        </div><!--end .entry-post-->
                    </div><!-- end .entry -->
                    
                </div><!--end #primary-->
                
                <div id="sidebar">
                    <form id="frmSearch">
                        <input type="text" class="textInput" value="Search" />
                        <input type="submit" class="submit" value="" />
                    </form><!--end #frmSearch -->
                    <div class="box">
                        <h2>Categories</h2>
                        <ul id="categories">
                            <li><a href="#">Iphones</a></li>
                            <li><a href="#">sharpa</a></li>
                            <li><a href="#">Application</a></li>
                            <li><a href="#">Design</a></li>
                            <li><a href="#">Iphones</a></li>
                            <li><a href="#">sharpa</a></li>
                            <li><a href="#">Application</a></li>
                            <li><a href="#">Design</a></li>
                            <li><a href="#">Iphones</a></li>
                            <li><a href="#">sharpa</a></li>
                            <li><a href="#">Application</a></li>
                            <li><a href="#">Design</a></li>
                        </ul>
                        <div class="clear"></div>
                    </div>                    
                    <div class="advertise border-top">
                        <img src="images/ads.jpg" alt="advertise" />
                    </div><!--end .advertise-->
                    
                    <div class="box border-top">
                        <h2>Popular Posts</h2>
                        <span>Read our best posts >></span>
                        <ul>
                            <li><span class="post-date">08.11.2011</span><span class="post-name">- A thousand thanks!</span></li>
                            <li><span class="post-date">08.11.2011</span><span class="post-name">- Wedding part 03 » Pics and Tips!</span></li>
                            <li><span class="post-date">08.11.2011</span><span class="post-name">- Creating a Book Cover</span></li>
                            <li><span class="post-date">08.11.2011</span><span class="post-name">- Making of</span></li>
                            <li><span class="post-date">08.11.2011</span><span class="post-name">- Dribbble Invite!</span></li>
                            <li><span class="post-date">08.11.2011</span><span class="post-name">- My first business card!</span></li>
                            <li><span class="post-date">08.11.2011</span><span class="post-name">- When music fuels your creativity</span></li>
                            <li><span class="post-date">08.11.2011</span><span class="post-name">- I’m getting married!</span></li>
                            <li><span class="post-date">08.11.2011</span><span class="post-name">- New website » The making of</span></li>
                            <li><span class="post-date">08.11.2011</span><span class="post-name">- Solar Energy » Video!</span></li>
                        </ul>
                    </div><!--end .box-->
                    
                    <div class="advertise border-top">
                        <img src="images/ads.jpg" alt="advertise" />
                    </div><!--end .advertise-->
    
                </div><!--end #sidebar-->
    		</div><!--End #Content-->
            
        </div><!--end #wrapcontentinner-->
    </div ><!--End #wapper-->
    
    <div id="footerOut">
		<div id="footer">
            <div class="info">
                <h2 class="icon"><img src="images/cmt2.jpg" alt="" /></h2>
                <h2 class="title">Read Our Blog</h2>
            </div><!--end .info-->
            <div class="info">
                <h2 class="icon"><img src="images/tw3.jpg" alt="" /></h2>
                <h2 class="title">FOLLOW US ON TWITTER</h2>
                <span class="twt">Lastest Twitter</span>
                <div class="status">
                    <span class="avatar"><img src="images/ava.jpg" alt=""/></span>
                    <p class="cmt"><span>@jayhafling </span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet justo nec dolor mattis commodo et at. 2010/06/28</p>
                    <span class="hidden">&nbsp;</span>
                </div>
                
            </div><!--end .info-->
            <div class="info">
                <h2 class="icon"><img src="images/cmt2.jpg" alt="" /></h2>
                <h2 class="title">NEWSLETTER</h2>
                <div class="mail">
                    <p>Sign up with your email to get updates about new products and special offers.</p>
                    <form id="frmMail" action="" method="post">
                        <input type="text" class="textInput" value="" />
                        <input type="submit" class="submit" value="Sign UP" />
                    </form>
                </div>
            </div><!--end .info-->
            
            <div id="about">
                <ul class="rule">
                    <li><a href="#">Terms & Conditions</a></li>
                    <li><a href="#">Privacy Policy</a></li>
                </ul>
                <ul class="phone">
                    <li><img src="images/logo_f.jpg" alt="" /></li>
                    <li>© Designoholic Technology Ltd</li>
                    <li>Registered Company Number: 01234567 </li>
                    <li>Registered VAT number: 123 4578 99</li>
                </ul>
            </div>
            <div class="clear"></div>
		</div><!--End #footer-->
	</div ><!--End #footerOut-->
</body>
</html>